<template>
    <CommonContainer title="信审资料">
        <div>
            <el-form>
                <div v-if="detailInfo.basicData && detailInfo.basicData.length>0">
                    <p class="subtitle">基础资料</p>
                    <div>

                        <el-form-item :label="`${fileItem.dataName}:`" v-for="fileItem in detailInfo.basicData" :key="fileItem.id">
                            <image-common
                                disabled
                                v-model="fileItem.files"
                                :limit="fileItem.dataNum"
                                :file-type="fileItem.dataFormat.split(',')"
                                :up-type="2"
                                isVerifyFileType
                                info="上传附件"
                            >
                            </image-common>
                        </el-form-item>


                    </div>
                </div>
                <div v-if="detailInfo.chooseOneData && detailInfo.chooseOneData.length>0">
                    <p class="subtitle">择一提供资料</p>
                    <div>

                        <el-form-item :label="`${fileItem.dataName}:`" v-for="fileItem in detailInfo.chooseOneData" :key="fileItem.id">
                            <image-common
                                disabled
                                v-model="fileItem.files"
                                :limit="fileItem.dataNum"
                                :file-type="fileItem.dataFormat.split(',')"
                                :up-type="2"
                                isVerifyFileType
                                info="上传附件"
                            >
                            </image-common>
                        </el-form-item>
                    </div>
                </div>
                <div v-if="detailInfo.selectiveData && detailInfo.selectiveData.length>0">
                    <p class="subtitle">可选资料</p>
                    <div>

                        <el-form-item :label="`${fileItem.dataName}:`" v-for="fileItem in detailInfo.selectiveData" :key="fileItem.id">
                            <image-common
                                disabled
                                v-model="fileItem.files"
                                :limit="fileItem.dataNum"
                                :file-type="fileItem.dataFormat.split(',')"
                                :up-type="2"
                                isVerifyFileType
                                info="上传附件"
                            >
                            </image-common>
                        </el-form-item>

                    </div>
                </div>
            </el-form>
        </div>
    </CommonContainer>
</template>

<script>

export default {
    name: '',
    props: {
        detailInfo: {
            type: Object,
            default: () => {
                return {}
            }
        }
    },
    data() {
        // 这里存放数据
        return {}
    },
    // 计算属性 类似于 data 概念
    computed: {},
    // 方法集合
    methods: {},
    // 生命周期 - 挂载完成（可以访问 DOM 元素）
    mounted() {
    },

}
</script>

<style lang="scss" scoped>
@import "~@/assets/styles/variables.scss";

.subtitle {
    font-size: 14px;
    font-weight: bold;
    color: #333333;

    &::before {
        display: inline-block;
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background-color: $primary;
        margin-right: 5px;
        position: relative;
        top: -1px;
    }
}
</style>
